<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    单行文本:<input type="text" value="hello">
    单选按钮: 男: <input class="men" type="radio" name="sex" value="1"> 女:<input type="radio" name="sex" value="0">

    <p></p>

    <script>
        // input  里边的 内容 怎么操作

        var input = document.getElementsByTagName('input')[0];
        console.log(input.value);
        input.value = 'world';


        // 单选框或者 复选框  如何操作 

        // js  选中男
        var men = document.getElementsByClassName('men')[0];
        men.checked = true;


        // 敲回车时 
        var p = document.getElementsByTagName('p')[0];
        input.onkeyup = function () {
            console.log(event.keyCode);
            if (event.keyCode == 13) {
                // 回车
                p.innerText = input.value;

            }
        }


    </script>
</body>

</html>